<template>
  <div class="home">
        <Header head-title="门诊挂号" go-back="true"></Header>
        <section class="bg_blue Registed Selects">
            <img class="HosIcon" src="../../../assets/img/41692556-8.jpg" alt="">
            <h2 class="fontsB fontCfff">平顶山市第一人民医院</h2>
            <section class="Select RegistBtn">
                <el-button size="small">三级甲等</el-button>
                <el-button size="small">综合医院</el-button>
            </section>
            <section class="Select RegistBtn RegistBtn1">
                <el-rate v-model="value" disabled show-score text-color="#fff" score-template="好评率{value}">
                </el-rate>
            </section>
        </section>
        <section class="group group1 RegistKS">
            <el-tabs v-model="activeName" @tab-click="handleClick">
                <el-tab-pane label="医院服务" name="first">
                    <h3 class="HomeH fonts">门诊服务</h3>
                    <section class="clear ZYselectcon">
                        <div class="SelectS HosPitalicon" @click="HospitalList()">
                          <img src="../../../assets/img/Medical1.png" alt="">
                          <p class="fontC6 fonsMiddle">预约挂号</p>
                        </div>
                        <div class="SelectS HosPitalicon" @click="Record()">
                          <img src="../../../assets/img/Medical2.png" alt="">
                          <p class="fontC6 fonsMiddle">挂号记录</p>
                        </div>
                        <div class="SelectS HosPitalicon" @click="Sign()">
                          <img src="../../../assets/img/Medical3.png" alt="">
                          <p class="fontC6 fonsMiddle">签到排号</p>
                        </div>
                        <div class="SelectS HosPitalicon" @click="Login()">
                          <img src="../../../assets/img/Medical20.png" alt="">
                          <p class="fontC6 fonsMiddle">健康卡办理</p>
                        </div>
                        <div class="SelectS HosPitalicon" @click="Pay()">
                          <img src="../../../assets/img/Medical5.png" alt="">
                          <p class="fontC6 fonsMiddle">门诊缴费</p>
                        </div>
                        <div class="SelectS HosPitalicon" @click="Recharge()">
                          <img src="../../../assets/img/Medical6.png" alt="">
                          <p class="fontC6 fonsMiddle">门诊充值</p>
                        </div>
                        <div class="SelectS HosPitalicon" @click="TestResult()">
                          <img src="../../../assets/img/Medical7.png" alt="">
                          <p class="fontC6 fonsMiddle">报告查询</p>
                        </div>
                    </section>
                    <div class="clear"></div>
                    <h3 class="HomeH fonts">住院服务</h3>
                    <section class="Select ZYselectcon">
                      <div class="SelectS ZYselect ZY1">
                        <img src="../../../assets/img/Medical8.png" alt="">
                        <p class="fontCfff fonts">住院病床预约</p>
                      </div>
                      <div class="SelectS ZYselect ZY2">
                        <img src="../../../assets/img/Medical9.png" alt="">
                        <p class="fontCfff fonts">住院信息查询</p>
                      </div>
                      <div class="SelectS ZYselect ZY3">
                        <img src="../../../assets/img/Medical10.png" alt="">
                        <p class="fontCfff fonts">住院费用缴纳</p>
                      </div>
                      <div class="SelectS ZYselect ZY4">
                        <img src="../../../assets/img/Medical11.png" alt="">
                        <p class="fontCfff fonts">住院报告查询</p>
                      </div>
                    </section>
                    <h3 class="HomeH fonts">住院服务</h3>
                    <section class="Select JKall">
                        <div class="Select">
                            <img class="TanIcon" src="../../../assets/img/IconDH.png" alt="">
                            <p class="fonts">医院导航</p>
                        </div>
                        <div class="arrow Select">
                            <img src="../../../assets/img/arrow.png" alt="">
                        </div>
                    </section>
                    <section class="Select JKall">
                        <div class="Select">
                            <img class="TanIcon" src="../../../assets/img/Phone.png" alt="">
                            <p class="fonts">门诊咨询</p>
                        </div>
                        <div class="arrow Select"  @click="open()">
                            <p class="fonts">3399573</p>
                            <img src="../../../assets/img/arrow.png" alt="">
                        </div>
                    </section>
                </el-tab-pane>
                <el-tab-pane label="医院介绍" name="second" class="GuiZe">
                    <section class="JieShao fonsMiddle fontC6">
                        <p>平顶山市第一人民医院始建于1956年，经过六十年的不懈努力，现已发展成为集医疗、教学、科研、预防、保健、康复为一体的三级甲等综合性医院，卫生部授予“爱婴医院”，全国“脑卒中筛查与防治示范基地医院”，全国住院医师规范化培训基地、国家级药品不良反应检测哨点医院、全省“群众满意医院”（2011、2014），河南省远程医学中心平顶山市分中心，平顶山市为重新生儿救治中心、平顶山市临床检验中心，平顶山市医院感染监测评价中心，平顶山市脑卒中防治中心，平顶山市高血压防治中心，河南大学医学院、新乡医学院等多所高等院校的临床教学医院。</p>

                        <p>医院占地面积60亩，建筑面积10万余平方米，固定资产总值5.57亿元，医疗设备总值2.74亿元，开放床位1500张，在职职工2086人，其中卫生专业技术人员1786人，高级职称265人，博士、硕士研究生235人，市级专业技术拔尖人才、跨世纪学科带头人、青年科技进步奖125人。开设门诊科室65个，临床科室42个，医技科室9个。形成了以普外科、骨外科、心血管内外科、神经内外科、儿科、妇产科、内分泌代谢科、肿瘤科、重症医学科、眼科为中心的十大重点学科群。其中，脊柱外科和内分泌代谢科为河南省重点培育学科。开展了复杂的心血管疾病介入及手术治疗，脑血管、外周血管和综合介入诊疗技术，普外科多种疾病微创手术治疗、血液净化技术、恶性疾病的细胞免疫治疗，相关专业内镜诊疗技术以及肿瘤消融治疗等一大批先进诊疗技术。</p>

                        <p>医院拥有高水准的信息系统、临床路径管理、病人自助系统、预约诊疗平台、智能导诊等，方便了人民群众就医需求。实现了与省远程医学中心所属医院的互联互通，开通了与解放军301医院、北京协和医院、北京安贞医院等医院的远程会诊。拥有3.0T核磁、1.5T核磁、256排极速CT、64排CT、直线加速器、血管造影机、西门子乳腺全容积彩超、高端心脏彩超等国内先进的大型医疗设备。</p>

                        <p>新规划建设的平顶山市第一人民医院新院区（含市儿童医院）占地273亩，建筑面积22万平方米，设置床位1500张，总投资概算15.3亿元，将建成一座现代化、数字化、园林化的区域医疗中心。</p>
                    </section>
                </el-tab-pane>
                <el-tab-pane label="科室导航" name="three" class="GuiZe">
                    <el-collapse v-model="activeNames">
                        <el-collapse-item title="儿科" name="1">
                            <p>儿科诊室的介绍</p>
                        </el-collapse-item>
                        <el-collapse-item title="内科" name="2">
                            <p>内科诊室的介绍</p>
                        </el-collapse-item>
                        <el-collapse-item title="外科" name="3">
                            <p>外科诊室的介绍</p>
                        </el-collapse-item>
                        <el-collapse-item title="产科" name="4">
                            <p>产科诊室的介绍</p>
                        </el-collapse-item>
                    </el-collapse>
                </el-tab-pane>
                <el-tab-pane label="评价(20)" name="four" class="GuiZe">
                    <textarea data-v-a8ac6a2a="" name="" id="" cols="30" rows="10" class="SerTexa" placeholder="输入您对这家医院的评价吧..."></textarea>
                    <el-button type="primary" class="right">确认提交</el-button>
                    <div class="clear"></div>
                    <h3 class="HomeH fonts">患者评价(20)</h3>
                    <section class="JKall">
                        <section class="Select">
                            <div class="Select">
                                <div class="Doctor">
                                    <img src="../../../assets/img/Touxiang.png" alt="">
                                </div>
                                <div class="Doctor_pj">
                                    <p class="fonts">渣渣辉</p>
                                    <p class="fonts">18******90</p>
                                </div>
                            </div>
                            <el-rate class="score" v-model="value1" disabled        text-color="#aaa"></el-rate>
                        </section>
                        <p class="fontsMin Ass_p">糖尿病，甲状腺，肾上素，脑垂体等疾病的诊治，尤其对糖尿病，甲状腺疾病</p>
                    </section>
                    <section class="JKall">
                        <section class="Select">
                            <div class="Select">
                                <div class="Doctor">
                                    <img src="../../../assets/img/Touxiang.png" alt="">
                                </div>
                                <div class="Doctor_pj">
                                    <p class="fonts">渣渣辉</p>
                                    <p class="fonts">18******90</p>
                                </div>
                            </div>
                            <el-rate class="score" v-model="value1" disabled        text-color="#aaa"></el-rate>
                        </section>
                        <p class="fontsMin Ass_p">糖尿病，甲状腺，肾上素，脑垂体等疾病的诊治，尤其对糖尿病，甲状腺疾病</p>
                    </section>
                    <section class="JKall">
                        <section class="Select">
                            <div class="Select">
                                <div class="Doctor">
                                    <img src="../../../assets/img/Touxiang.png" alt="">
                                </div>
                                <div class="Doctor_pj">
                                    <p class="fonts">渣渣辉</p>
                                    <p class="fonts">18******90</p>
                                </div>
                            </div>
                            <el-rate class="score" v-model="value1" disabled        text-color="#aaa"></el-rate>
                        </section>
                        <p class="fontsMin Ass_p">糖尿病，甲状腺，肾上素，脑垂体等疾病的诊治，尤其对糖尿病，甲状腺疾病</p>
                    </section>
                    <section class="JKall">
                        <section class="Select">
                            <div class="Select">
                                <div class="Doctor">
                                    <img src="../../../assets/img/Touxiang.png" alt="">
                                </div>
                                <div class="Doctor_pj">
                                    <p class="fonts">渣渣辉</p>
                                    <p class="fonts">18******90</p>
                                </div>
                            </div>
                            <el-rate class="score" v-model="value1" disabled        text-color="#aaa"></el-rate>
                        </section>
                        <p class="fontsMin Ass_p">糖尿病，甲状腺，肾上素，脑垂体等疾病的诊治，尤其对糖尿病，甲状腺疾病</p>
                    </section>
                    <section class="JKall">
                        <section class="Select">
                            <div class="Select">
                                <div class="Doctor">
                                    <img src="../../../assets/img/Touxiang.png" alt="">
                                </div>
                                <div class="Doctor_pj">
                                    <p class="fonts">渣渣辉</p>
                                    <p class="fonts">18******90</p>
                                </div>
                            </div>
                            <el-rate class="score" v-model="value1" disabled        text-color="#aaa"></el-rate>
                        </section>
                        <p class="fontsMin Ass_p">糖尿病，甲状腺，肾上素，脑垂体等疾病的诊治，尤其对糖尿病，甲状腺疾病</p>
                    </section>
                </el-tab-pane>
            </el-tabs>
        </section>
  </div>
</template>

<script>
import Header from '../../../components/Header'
export default {
  data () {
    return {
      value: 3.7,
      activeName: 'first',
      activeNames: ['1'],
      value1: 4.6
    }
  },
  components: {
    Header
  },
  methods: {
    handleClick (tab, event) {
    //   console.log(tab, event)
    },
    //  挂号记录
    Record () {
      this.$router.push({
        path: '/Record'
      })
    },
    // 签到排号
    Sign () {
      this.$router.push({
        path: '/Sign'
      })
    },
    //  门诊缴费
    Pay () {
      this.$router.push({
        path: '/Pay'
      })
    },
    //  预约挂号
    HospitalList () {
      this.$router.push({
        path: '/Registered'
      })
    },
    //  门诊充值
    Recharge () {
      this.$router.push({
        path: '/Recharge'
      })
    },
    //  健康卡办理
    Login () {
      this.$router.push({
        path: '/Login'
      })
    },
    //  点击取消预约
    open () {
      this.$confirm('是否拨打电话3399573', '拨打电话', {
        confirmButtonText: '拨打',
        cancelButtonText: '取消',
        type: 'warning',
        customClass: 'Message'
      }).then(() => {
        this.$message({
          type: 'success',
          message: '正在拨打中...'
        })
      }).catch(() => {
        this.$message({
          type: 'info',
          message: '已取消拨打电话'
        })
      })
    },
    TestResult () {
      this.$router.push({
        path: '/TestResult'
      })
    }
  }
}
</script>

<style scoped>
.home {
    padding-top: 0.8rem;
}
.HomeH {
    margin: 0.2rem 0;
}
.group1 {
    padding-top: 0;
    margin-top: 0;
}
</style>
